﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title>Accessible_Forms_中国网页开发者网络_www.cwdn.org</title>
  <link rel="stylesheet" type="text/css" media="screen" href="images/screen.css">
</head>
<body>
<form action="#" class="cmxform">
  <p>请完成以下带<em>*</em>的选项
  </p>
  <fieldset>
    <legend>Delivery Details</legend>
    <ol>
      <li>
        <label for="name">姓名 <em>*</em></label> <input id="name">
      </li>
      <li>
        <label for="address1">地址 <em>*</em></label> <input id="address1">
      </li>
      <li>
        <label for="town-city">籍贯</label> <input id="town-city">
      </li>
      <li>
        <label for="county">所在城市 <em>*</em></label> <input id="county">
      </li>
      <li>
        <label for="postcode">邮编 <em>*</em></label> <input id="postcode">
      </li>
      <li>
        <fieldset>
          <legend>这个地址作为您的发票上地址? <em>*</em></legend>
          <label><input name="invoice-address" type="radio"> 是</label>
          <label><input name="invoice-address" type="radio"> 不</label>
        </fieldset>
      </li>
    </ol>
  </fieldset>
  <fieldset>
    <legend>其他信息</legend>
    <ol>
      <li>
        <label for="dob">生日 <span class="sr">(Day)</span> <em>*</em></label> <select id="dob">
          <option value="1">1</option><option value="2">2</option>
        </select> <label for="dob-m" class="sr">生日 (月) <em>*</em></label> <select id="dob-m">
          <option value="1">一月</option><option value="2">二月</option>
        </select> <label for="dob-y" class="sr">生日 (年) <em>*</em></label> <select id="dob-y">
          <option value="2007">2007</option><option value="2008">2008</option>
        </select>
      </li>
      <li>
        <label for="sex">性别 <em>*</em></label> <select id="sex">
          <option value="female">女士</option><option value="male">男士</option>
        </select>
      </li>
      <li>
        <fieldset>
          <legend>您喜欢哪种运动?</legend>
          <label for="football"><input id="football" type="checkbox"> 足球</label>
          <label for="golf"><input id="golf" type="checkbox"> 高尔夫</label>
          <label for="rugby"><input id="rugby" type="checkbox"> 橄榄球</label>
          <label for="tennis"><input id="tennis" type="checkbox"> 桌球</label>
          <label for="basketball"><input id="basketball" type="checkbox"> 篮球</label>
          <label for="boxing"><input id="boxing" type="checkbox"> 拳击</label>
        </fieldset>
      </li>
      <li>
        <label for="comments">评论</label> <textarea id="comments" rows="7" cols="25"></textarea>
      </li>
    </ol>
  </fieldset>
  <p>
    <input value="提 交" type="submit">
  </p>
</form>
</body>
</html>